<template>
  <div>
    <div v-if="props.selectedType === '热源'">
      <a-form :label-col="labelCol">
        <a-form-item label="子公司">
          <a-input style="width: 200px" />
        </a-form-item>
        <a-form-item label="热源站">
          <a-input style="width: 200px" />
        </a-form-item>
        <a-form-item label="热源站名称(财产)">
          <a-input style="width: 200px" />
        </a-form-item>
        <a-form-item label="投产时间">
          <a-input style="width: 200px" />
        </a-form-item>
        <a-form-item label="经度">
          <a-input style="width: 200px" />
        </a-form-item>
        <a-form-item label="纬度">
          <a-input style="width: 200px" />
        </a-form-item>
        <a-form-item label="热源的建设性质">
          <a-input style="width: 200px" />
        </a-form-item>
        <a-form-item label="供热模式">
          <a-input style="width: 200px" />
        </a-form-item>
        <a-form-item label="是否完成">
          <a-input style="width: 200px" />
        </a-form-item>
        <div class="text-right">
          <a-button type="primary" :icon="h(ScheduleOutlined)"
            >热源信息修改记录</a-button
          >
        </div>
      </a-form>
    </div>
    <div v-if="props.selectedType === '热站'"></div>
    <div v-if="props.selectedType === '小区'"></div>
    <div v-if="props.selectedType === '热用户'"></div>
  </div>
</template>

<script setup lang="ts">
import { h } from 'vue';
import { ScheduleOutlined } from '@ant-design/icons-vue';
const props = defineProps({
  selectedType: {
    type: String,
    default: '',
  },
  data: {
    type: Array,
    default: [],
  },
});
const labelCol = { style: { width: '120px' } };
</script>

<style scoped></style>
